<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.a{
				height: 200px;
				width: 600px;
				background-color: blue;
				margin: 20px;
			}
			.b{
				width: 200px;
				height: 200px;
				background-color: red;
			}
		</style>
	</head>
	<script type="text/javascript" src="js/zepto.js"> </script>
	<body>
		<ul>
			<li class="a"></li>
			<li class="a"></li>
			<li class="a"></li>
			<li class="a"></li>
			
			<li class="b"></li>
		</ul>
	</body>
	<script type="text/javascript">
	var arr=[]
		$(".a").click(function(){
//			$(this).css("background-color","#000000");
			$(".a").each(function(){
				arr.push($(this).css("background-color"))
				console.log(arr)
			})
			if(arr[0]==arr[1]&&arr[1]==arr[2]&&arr[2]==arr[3]){
				$(".b").css("background-color","yellow")
			}else{
				arr=[]
			}
		})
	</script>
</html>
